<!-- 


随着前端项目规模扩大，单体应用（Monolithic Frontend）面临诸多挑战：


问题	                        微前端的解决方案
技术栈统一困难，新旧项目共存	允许不同子应用使用不同框架
多团队协作冲突多，发布互相阻塞	各团队独立开发、独立部署
项目庞大，构建和启动慢	拆分后每个应用更轻量
老旧系统难以重构	可逐步替换，新功能用新技术实现


            微前端的核心思想
独立部署：每个子应用可单独发布，不影响其他模块。
技术栈无关：不同子应用可用 Vue、React、Angular 等。
团队自治：每个团队负责自己的子应用，减少协作成本。
渐进式升级：老系统可逐步替换，无需一次性重写。
共享与隔离：既能共享公共资源（如用户信息），又能保证样式、状态隔离


微前端的常见实现方式
1. 基于路由分发（Route-based）
主应用根据 URL 路由决定加载哪个子应用。
例如：/user → 用户中心（Vue），/order → 订单系统（React）



常见微前端框架：

框架	特点
qiankun（阿里巴巴）	基于 Single-SPA，支持 JS 沙箱、样式隔离，生态成熟
Module Federation（Webpack 5）	原生支持“运行时模块共享”，适合同构应用
Single-SPA	老牌微前端框架，轻量，需自行处理沙箱和样式隔离
EMP（Extensible Module Platform）	基于 Module Federation 的解决方案


iframe 嵌入
将每个子应用放在独立的 iframe 中。
完全隔离，但存在通信困难、SEO 不友好、URL 管理复杂等问题
-->